<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>订单-房客</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="//staticnew.mayi.com/resourcesWeb/css/global.css"
	rel="stylesheet" type="text/css" />
<link href="//staticnew.mayi.com/resourcesWeb/css/PCenter.css"
	rel="stylesheet" type="text/css" />

<style type="text/css">
.refuse_info .complete_success {
	background-color: #bdbdbd;
}
</style>
<style>
.yx_shishui_btn {
	color: #458fce;
	line-height: 24px;
	cursor: pointer;
	margin-top: 16px;
}

.yx_shishui_tan {
	display: none;
	position: fixed;
	padding: 0 20px 28px;
	left: 50%;
	top: 50%;
	width: 500px;
	background: #fff;
	margin-left: -250px;
	margin-top: -194px;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	box-shadow: 0 0 6px #ebebeb;
	z-index: 260;
}

.mark {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.6;
	filter: Alpha(opacity = 60);
	z-index: 9;
}

.close_yx_tan {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background-image:
		url(http://staticnew.mayi.com/resourcesWeb/v201510/images/commom/login_icon.png);
	background-repeat: no-repeat;
	background-position: -18px -20px;
	cursor: pointer;
}

.yx_shishui_1 strong, .yx_shishui_2 strong {
	display: block;
}

.yx_shishui_1 strong {
	color: #279d2d;
	font-size: 18px;
	padding: 20px 0 12px;
	line-height: 40px;
}

.yx_shishui_1 p {
	padding: 6px 10px;
	line-height: 20px;
	color: #279d2d; <!--
	width: 292px; -->
	text-align: left;
	box-sizing: border-box;
	background: #f3fcf4;
}

.yx_shishui_2 strong {
	padding-top: 18px;
	line-height: 56px;
	font-size: 18px;
	color: #333;
}

.yx_shishui_2 p {
	line-height: 20px;
	text-align: left;
	color: #333;
}
</style>							
<script>
	$(function() {
		$('.close_yx_tan').click(function() {
			$('.mark').hide();
			$(this).parent().hide();
		})
	})
</script>
<script type="text/javascript">
//	$(function(){
//		var CenterTab = $('.centerTab li');
//		$('.MtList:first').show();
//			CenterTab.each(function(e){
//			CenterTab.eq(e).click(function(){
//				$(this).addClass('active').siblings().removeClass('active');
//				$('.MtList').eq(e).show().siblings().hide();
//			}); 
//		});
//	});

	//初始化样式展示
	$(function() {
		var state = "0";
		if (state == 0) {
			$("#all").addClass("active");
		} else if (state == 1) {
			$("#confirm").addClass("active");
		} else if (state == 2) {
			$("#paying").addClass("active");
		} else if (state == 3) {
			$("#payed").addClass("active");
		} else if (state == 6) {
			var state_type = "0";
			if (state_type == 6) {
				$("#refund").addClass("active");
			} else if (state_type == 2) {
				$("#invalid").addClass("active");
			}
		}
		$(".MtList").show();
		$("#state").val(state);
		$("#state_type").val("0");
	});

	//去付款
	function goPaying(bookOrderId) {
		$.ajax({
			type : 'get',
			url : "/order/checkstate/" + bookOrderId,
			async : false,
			dataType : 'json',
			success : function(re) {
				if (re.error != null) {
					layer.alert(re.error.message, 5, "温馨提示", function index() {
						location.reload();
					});
				} else {
					var url = "/order/waitpay/" + bookOrderId;
					window.open(url);
					return false;
				}
			},
			error : function() {
				layer.alert("支付失败,请稍候重试!", 5, "温馨提示", function index() {
					location.reload();
				});
			}
		});
	}

	//操作订单  操作时增加状态验证  zhaopengwei 20150131 add
	function operatingOrder(bookOrderId, update_state, current_state, notSupportRefund) {
		var operSide = "tenant";
		var type = -1;
		if (update_state == 2 || update_state == 5) { //房东确认： 2     房东拒绝：4、5     房客取消：4
			type = 0;
		} else if (update_state == 4) {
			"landlord" == operSide ? type = 0 : type = 1;
		}
		$.get("/ordercenter/checkState", {
			orderId : bookOrderId,
			type : type
		}, function(data) {
			if (data.result) {
				if (update_state == 4) {
					/* if(operSide == "tenant" && data.partRefund){	//房客取消部分退款
						$("#lodgeunitid").val(data.lodgeunitid);
						showCanclePartDiv();
					}else{ }*/
					if (operSide == "tenant" && data.statetype) {
						refuse_ok_show1(data);
					} else {
						refuse_ok_show();
					}
				}
				var state = 0;
				var state_type = 0;
				var cotextPath = "";
				var userId = "867299774";
				var url = cotextPath + "/" + operSide + "/" + userId + "/order" + "/" + bookOrderId + "/oper";
				url += "?state=" + state + "&state_type=" + state_type + "&update_state=" + update_state + "&current_state=" + current_state;
				$("#url").val(url);
			//window.location.href=url;
			} else {
				layer.alert("订单状态已变更,不能继续操作!", 8, "温馨提示", function reloadPage() {
					window.location.reload();
				});
				return;
			}
		}, 'JSON');
	}

	//添加弹层后，处理的逻辑
	function processOrder() {
		layer.close(partAlert);
		//refuse_ok_show();
		refuse_ok_show1();
	//var url=$("#url").val();
	//window.location.href=url;
	}

	//弹出确认取消的操作
	var xx;
	function showCancleDiv(notSupportRefund, current_state) {
		$('#refundAlert').hide();
		$('#notRefundAlert').hide();
		xx = $.layer({
			type : 1,
			title : false,
			offset : [ '150px', '' ],
			border : false,
			closeBtn : false,
			area : [ 'auto', 'auto' ],
			page : {
				dom : '#cancleDiv'
			},
			success : function(layer) {
				if (notSupportRefund == 'true' && current_state == 3) {
					$('#notRefundAlert').show();
				} else {
					$('#refundAlert').show();
				}
			} //创建成功后的回调
		});
		$('#cancleDivClose').on('click', function() {
			layer.close(xx);
		});
		$('.alert-close').on('click', function() {
			layer.close(xx);
		});
	}

	//弹出取消部分扣款的操作
	var partAlert;
	function showCanclePartDiv() {
		partAlert = $.layer({
			type : 1,
			title : false,
			offset : [ '150px', '' ],
			border : false,
			closeBtn : false,
			area : [ 'auto', 'auto' ],
			page : {
				dom : '#canclePartDiv'
			},
		});
		$('#cancleDivClose').on('click', function() {
			layer.close(partAlert);
		});
		$('.alert-close').on('click', function() {
			layer.close(partAlert);
		});
	}

	//查询订单
	function searchOrder(state, state_type) {
		var cotextPath = "";
		var operSide = "jsp/myOrder.jsp";
		var userId = "867299774";
		var url = cotextPath + "/" + operSide + "/" + userId + "/orders";
		url += "?state=" + state + "&state_type=" + state_type;
		window.location.href = url;
	}

	//分页调用js
	var changePage = function(pageNo) {
		var cotextPath = "";
		var operSide = "jsp/myOrder.jsp";
		var userId = "867299774";
		var state = $("#state").val();
		var state_type = $("#state_type").val();
		var url = cotextPath + "/" + operSide + "/" + userId + "/orders";
		url += "?state=" + state + "&state_type=" + state_type + "&curPageNo=" + pageNo;
		window.location.href = url;
	}

	//显示房东交易规则
	function showTradeRule() {
		window.open("/room/" + $("#lodgeunitid").val() + "#rules");
	}

	//已评价房东查看评论 zhaopengwei 20150302 add
	function seeComment(id) {
		window.open("/room/" + id + "#pingjia");
	}

	//房客取消订单原因开始
	function refuse_cancel() {
		$('#safedetails').hide();
	}

	function refuse_ok() {
		if ($("input[name='state']:checked").length == 1) {
			refuse_cancel();
			var url = $("#url").val();
			//拒绝原因
			var reason = $('input:radio[name="state"]:checked').val();
			var otherReason = "";
			url += "&reason=" + reason + "&otherReason=" + otherReason;
			window.location.href = url;
		} else {
			return false;
		}
	}

	function refuse_ok_show() {
		$('#safedetails').show();
	}
	//房客已支付房东已确认订单 取消订单原因开始
	function refuse_ok1() {
		var reason_id = $("#reason_id").val();
		if (reason_id == "") {
			return false;
		} else {
			$('.make_sure_layer').hide();
			$('.safedetails1').hide();
			var url = $("#url").val();
			var otherReason = "";
			url += "&reason=" + reason_id + "&otherReason=" + otherReason;
			window.location.href = url;
		}
	//退款详情页显示
	/* if($("input[name='state1']:checked").length == 1){
		refuse_cancel1();
		var url=$("#url").val();
			//拒绝原因
			var reason = $('input:radio[name="state1"]:checked').val();
			var otherReason ="";
			url+="&reason="+reason+"&otherReason="+otherReason;
		    window.location.href=url;
	}else{
			return false;
	} */
	}

	function refuse_ok_show1(data) {
		if (data.tj_totalamount != null) {
			$("#tj_totalamount").html("<i>¥</i>" + data.tj_totalamount / 100);
		}
		if (data.tj_refundDesc != null) {
			$("#tj_refundDesc").html(data.tj_refundDesc);
		}
		var tj_refundInfo_str = "";
		if (data.tj_roomamount != null) {
			tj_refundInfo_str += "<li>房费<span class='fr'><i>￥</i>" + data.tj_roomamount / 100 + "</span></li>";
		}
		if (data.tj_couponamount != null && data.tj_couponamount != 0) {
			tj_refundInfo_str += "<li>优惠券<span class='fr'><i>￥</i>" + data.tj_couponamount / 100 + "</span></li>";
		}
		if (data.tj_depositamount != null && data.tj_depositamount != 0) {
			tj_refundInfo_str += "<li>押金<span class='fr'><i>￥</i>" + data.tj_depositamount / 100 + "</span></li>";
		}
		if (data.tj_insuranceamount != null && data.tj_insuranceamount != 0) {
			tj_refundInfo_str += "<li>住宿意外险<span class='fr'><i>￥</i>" + data.tj_insuranceamount / 100 + "</span></li>";
		}
		if (data.tj_taxamount != null && data.tj_taxamount != 0) {
			tj_refundInfo_str += "<li>手续费<span class='fr'><i>￥</i>" + data.tj_taxamount / 100 + "</span></li>";
		}
		if (data.tj_postageamount != null && data.tj_postageamount != 0) {
			tj_refundInfo_str += "<li>配送服务费<span class='fr'><i>￥</i>" + data.tj_postageamount / 100 + "</span></li>";
		}
		if (tj_refundInfo != "") {
			$("#tj_refundInfo").html(tj_refundInfo_str);
		}
		var refunddesc_str = "";
		if (data.retunddesc0 != null) {
			refunddesc_str += "<li>" + data.retunddesc0 + "</li>";
		}
		if (data.retunddesc1 != null) {
			refunddesc_str += "<li>" + data.retunddesc1 + "</li>";
		}
		if (data.retunddesc2 != null) {
			refunddesc_str += "<li>" + data.retunddesc2 + "</li>";
		}
		if (refunddesc_str != "") {
			$("#retunddesc").html(refunddesc_str);
		}
		$('#safedetails1').show();
	}

	$(function() {
		$(".discountManageUl").click(function() {
			window.location.href = "/user/landlord/accountmanager";
		});
		$("#refuse_info_input label").click(function() {
			if ($("input[name='state']:checked").length == 1) {
				$("#complete_success").css("background-color", "#ff5d51");
			} else {
				$(this).attr("disabled", "disabled");
			}
		})
		$("#refuse_info_input1 label").click(function() {
			if ($("input[name='state1']:checked").length == 1) {
				$("#complete_success1").css("background-color", "#ff5d51");
			} else {
				$(this).attr("disabled", "disabled");
			}
		})
		//房客取消订单原因结束  

		//新版退款相关js
		//以后再说 按钮
		$('.talk_later').click(function() {
			$('#safedetails1').hide()
		})
		//确认取消按钮
		$('.sure_cancle ').click(function() {
			var reason_id = $("#reason_id").val();
			if (reason_id == "") {
				alert("请选择取消原因！");
				return false;
			} else {
				$('.make_sure_layer').show();
			}
		})
		//再想想 按钮
		$('#think_again ').click(function() {
			$('.make_sure_layer').hide();
		})
		//确认取消第二个弹层
		$('#sure_cancle_btn').click(function() {
			refuse_ok1();
		})
		//退款详情页隐藏
		$('.sure_tk_detail').click(function() {
			$('.tk_detail_layer').hide();
		})
		$(".noramal_input").click(function(event) {
			event.stopPropagation();
			$(".select_box").toggle();
			$(this).removeClass("sj_down").addClass('sj_up');
			$(this).toggleClass('sj_up');
		});
		$("body").on("click", ".select_box li", function(e) {
			$(this).parent().siblings(".noramal_input").removeClass("sj_up").addClass('sj_down');
			$(this).parent().siblings(".noramal_input").text($(this).text()).end().slideUp("fast");
			$(this).parent().siblings(".noramal_input").val($(this).text()).end().slideUp("fast");
			$("#reason_id").val($(this).val());
		});
	});
	//退款详情按钮
	function refundinfo(bookOrderId) {
		$.get("/ordercenter/refundinfo", {
			orderId : bookOrderId
		}, function(data) {
			if (data.refundDesc != null) {
				$("#tk_refundDesc").html(data.refundDesc)
			}
			if (data.refundReason != null) {
				$("#tk_refundReason").html(data.refundReason)
			}
			if (data.tj_totalamount != null) {
				$("#tk_totalamount").html("<i>¥</i>" + data.tj_totalamount / 100);
			}
			var tk_refundInfo_str = "";
			if (data.tj_roomamount != null) {
				tk_refundInfo_str += "<li>房费<span class='fr'><i>￥</i>" + data.tj_roomamount / 100 + "</span></li>";
			}
			if (data.tj_couponamount != null && data.tj_couponamount != 0) {
				tk_refundInfo_str += "<li>优惠券<span class='fr'><i>￥</i>" + data.tj_couponamount / 100 + "</span></li>";
			}
			if (data.tj_depositamount != null && data.tj_depositamount != 0) {
				tk_refundInfo_str += "<li>押金<span class='fr'><i>￥</i>" + data.tj_depositamount / 100 + "</span></li>";
			}
			if (data.tj_insuranceamount != null && data.tj_insuranceamount != 0) {
				tk_refundInfo_str += "<li>住宿意外险<span class='fr'><i>￥</i>" + data.tj_insuranceamount / 100 + "</span></li>";
			}
			if (data.tj_taxamount != null && data.tj_taxamount != 0) {
				tk_refundInfo_str += "<li>手续费<span class='fr'><i>￥</i>" + data.tj_taxamount / 100 + "</span></li>";
			}
			if (data.tj_postageamount != null && data.tj_postageamount != 0) {
				tk_refundInfo_str += "<li>配送服务费<span class='fr'><i>￥</i>" + data.tj_postageamount / 100 + "</span></li>";
			}
			if (tj_refundInfo != "") {
				$("#tk_refundInfo").html(tk_refundInfo_str);
			}
			var tk_cancelDate_str = "";
			if (data.cancelDate != null) {
				tk_cancelDate_str += "<li>取消时间：" + data.cancelDate + "</li>";
			}
			tk_cancelDate_str += "<li>如果您对以上退款规则有疑问，请致电蚂蚁客服400-028-6868，提供订单号，我们将协助您解决问题。</li>";
			$("#tk_cancelDate").html(tk_cancelDate_str);
		}, 'JSON');

		$('.tk_detail_layer').show();
	}
</script>
  </head>
  
  <body>
   <!-- Content -->
	<div class="main">
		<ul class="breadcrumb clearfix">
			<li><a href="jsp/myOrders.jsp">我是房客</a> <span class="divider">》</span></li>
			<li>订单管理<span class="divider"></span></li>
			<!--
			<li>已付款订单</li>
			-->
		</ul>
		<div class="personalCenter clearfix">
<ul class="center-sidebar">
			<li><a class="slideactive" href="jsp/myOrders.jsp">订单管理<span
						class="ddgl"></span></a></li>
				<li><a href="jsp/myMassage.jsp">消息通知<span
						class="xxtz"></span></a></li>
				<li><a  href="jsp/myInfo.jsp">账户管理<span
						class="zhgl_current"></span></a></li>
				<li><a href="jsp/myCollection.jsp">我的收藏<span
						class="save_Li"></span></a></li>
</ul>
<script type="text/javascript">
	//初始化样式展示
	$(document).ready(function() {
		$.ajax({
			url : "/user/getLastAuditDate.do",
			type : 'POST',
			async : true,
			dataType : 'json',
			timeout : 3000,
			success : function(data) {
				var lastAuditTime = data;
				var cookietime = -1;
				var arr = document.cookie.split("; ");
				for (var i = 0, len = arr.length; i < len; i++) {
					var item = arr[i].split("=");
					if (item[0] == "MAYI_LA_TIME") {
						cookietime = item[1];
						break;
					}
				}
				if (lastAuditTime == 0 || cookietime > lastAuditTime) {
					$(".fdshop").hide();
					$(".fdshop").remove();
				} else {
					$(".fdshop").show();
				}
			}
		});
	});
</script>
			 
			<div class="centerCon">
				<ul class="centerTab">
					<input type="hidden" id="state"/>
					<input type="hidden" id="state_type"/>
					<!--<li id="confirm" onclick="searchOrder(1,0)">待确认订单</li>-->
					<li id="paying" onclick="searchOrder(1,0)">待付款</li>
					<li id="payed" onclick="searchOrder(2,0)">已支付</li>
					<!--<li id="refund" onclick="searchOrder(6,1)">待评价</li>-->
					<!--<li id="invalid" onclick="searchOrder(4,2)">失效订单</li>-->
					<li id="all" onclick="searchOrder(0,0)" >全部订单</li>
				</ul>
<div class="accountMt clearfix">
			<!--<div class="MtList pd00">
				    <div class="order-box">
					    <div class="order-info">
							 <div class="fl">
								<span>订单号：856544763</span>
								<span>下单时间：2018-07-19 10:05:15</span>
							</div>
							    <div class="fr">
									<span>房东昵称：宽窄巷子有礼有家</span>
										<span id="imjs-embed-user-864646387" class="imjs-embed-user"
                    						data="1001&#9;864646387&#9;宽窄巷子有礼有家&#9;852790006_0_1001_0&#9;「拾光U+」春熙路精装+温馨•智能门锁&#9;1527143116&#9;http://www.mayi.com/room/852790006">
						 					<span class="imjs-user-online" style="display:none"><a class="blue" href="javascript:void(0);">联系房东</a></span>
                      	 					<span class="imjs-user-offline" style="display:none"><a class="blue" href="javascript:void(0);">联系房东</a></span>
                    	   			  	</span>
								 </div>		 								
						</div>
						<div class="order-con clearfix">
							<div class="order-img">
								<a href="http://www.mayi.com/room/852790006" rel="nofollow"><img src="https://i1.mayi.com/mayi71/M59/UL/WJ/KAX86CNFQDK6LT3XHV2ZNGJLKY333L.jpg_110x110c.jpg" alt=""/></a>
							</div>
							<div class="order-title">
								<h2><a href="http://www.mayi.com/room/852790006">「拾光U+」春熙路精装+温馨•智能门锁</a></h2>
								<p class="adress">四川省成都市金牛区马鞍路街道马鞍南路曹家巷恒大雅苑</p>
							</div>
							<div class="order-book">
								<p class="book">入住时间：<br/>2018.07.20</p>
								<p class="book">退房时间：<br/>2018.07.21</p>
								<p class="book">预定天数：1晚</p>
								<p class="book">房间套数：1套</p>
							</div>
							<div class="order-money">	
							    	<p class="money mgtp10">订单总额：368元</p>
							</div>
							<div class="order-feedback">
								<p class="feedbackp mgtp30"><span class="feedback">房客取消未付款</span></p>
								<p class="feedbackp"><a href="/tenant/867299774/order/856544763?state=0&state_type=0">订单详情</a></p>
							</div>
							<div class="order-handle" style="overflow:visible;position:relative;">
    	  	    <p class="textcenter" style="line-height:111px;"><a class="blue" href="http://www.mayi.com/chengdu">查看其它房源</a></p>
							</div>
					    </div> 
					  </div>
			</div>-->
	</div>
			
				<!-- Page -->
<script type="text/javascript">
	$(document).ready(function() {

		$('.page').each(function() {
			if ($(this).text() == 1) {
				$(this).addClass("active");
			}
		});

	});
</script>
<div class="pager">
</div>				
<!-- Page END -->
			</div>
		</div>
	</div>
	
	<!-- Content END -->
	<!-- 评论弹出层 start -->
<!-- 发表评论 -->
	<div id="sendComment" class="alert-box">
	    <input type="hidden" id="sanitation"  value="5"/>
	    <input type="hidden" id="security"  value="5"/>
	    <input type="hidden" id="description"  value="5"/>
	    <input type="hidden" id="location"  value="5"/>
	    <input type="hidden" id="performance" value="5"/>
	    <input type="hidden" id="bookOrderId"/>
		<div class="alert-title">
			<span id="commentLodgTitle"></span>
            <font style="float:right;margin-right:78px;"><em id="commentPrice"></em>/晚</font>
			<a href="javascript:void(0);" class="alert-close stclick"  id="alert-close2"></a>
		</div>
		<div class="alert-con">
			<div class="comment">
				<p class="comment-title mgtp10">入住感受：</p>
				<ul class="rating-star-box clearfix">
					<li>
						<label>设施环境</label>
						<span class="rating-star" type="description">
							<span class="star-1"><a href="#" rel="nofollow"value="1"></a></span>
							<span class="star-2"><a  href="#" rel="nofollow"value="2"></a></span>
							<span class="star-3"><a  href="#" rel="nofollow"value="3"></a></span>
							<span class="star-4"><a  href="#" rel="nofollow"value="4"></a></span>
							<span class="star-5"><a class="rating-cur" value="5" href="#" rel="nofollow"></a></span>
						</span>
					</li>
					<li>
						<label>整洁卫生</label>
						<span class="rating-star" type="sanitation">
							<span class="star-1"><a href="#" rel="nofollow" value="1"></a></span>
							<span class="star-2"><a  href="#" rel="nofollow" value="2"></a></span>
							<span class="star-3"><a  href="#" rel="nofollow"value="3"></a></span>
							<span class="star-4"><a  href="#" rel="nofollow"value="4"></a></span>
							<span class="star-5"><a class="rating-cur" value="5" href="#"></a></span>
						</span>
					</li>
					<li>
						<label>房东服务</label>
						<span class="rating-star" type="security">
							<span class="star-1"><a href="#" rel="nofollow" value="1"></a></span>
							<span class="star-2"><a  href="#" rel="nofollow" value="2"></a></span>
							<span class="star-3"><a  href="#" rel="nofollow"value="3"></a></span>
							<span class="star-4"><a  href="#" rel="nofollow"value="4"></a></span>
							<span class="star-5"><a class="rating-cur" value="5" rel="nofollow" href="#"></a></span>
						</span>
					</li>
					<li>
						<label>交通位置</label>
						<span class="rating-star" type="location">
							<span class="star-1"><a href="#"rel="nofollow" value="1"></a></span>
							<span class="star-2"><a  href="#"rel="nofollow" value="2"></a></span>
							<span class="star-3"><a  href="#" rel="nofollow"value="3"></a></span>
							<span class="star-4"><a  href="#" rel="nofollow"value="4"></a></span>
							<span class="star-5"><a class="rating-cur" value="5" rel="nofollow" href="#"></a></span>
						</span>
					</li>
					<li>
						<label>性 价 比</label>
						<span class="rating-star" type="performance">
							<span class="star-1"><a href="#"rel="nofollow" value="1"></a></span>
							<span class="star-2"><a  href="#" rel="nofollow"value="2"></a></span>
							<span class="star-3"><a  href="#" rel="nofollow"value="3"></a></span>
							<span class="star-4"><a  href="#" rel="nofollow"value="4"></a></span>
							<span class="star-5"><a class="rating-cur" value="5"rel="nofollow" href="#"></a></span>
						</span>
					</li>
				</ul>
				<p class="comment-title mgtp10">评论内容：</p>
				<textarea class="comment-textarea mgtp10" id="comment_content" >可以围绕住宿感受、环境、交通、服务等多个方面评价，您的评价对其他朋友有狠狠狠大滴帮助哦~~~</textarea>
                <p class="ticket" style="text-align:center;font-size:18px;line-height:50px;color:#4C4C4C;">评价即可获得<font style="color:#f80;">彩票红包</font>哦~</p>
				<div class="btn-box">
					<input type="button" value="提交" name="" onclick="publishComment();" class="checking-btn mid-btn stclick" clicktag="2_1">
				</div>
			</div>
		</div>
	</div>
	<!-- 发表评论 END -->
		
	<!-- 取消订单部分扣款 -->
	<div id="canclePartDiv" class="alert-box">
	    <input type="hidden" id="lodgeunitid"/>
		<div class="alert-title">
			取消订单
			<a class="alert-close" href="javascript:void(0)"rel="nofollow"></a>
		</div>
		<div class="alert-con">
			<div class="removetext o-cancel" id="partRefund">
				<p class="f16" >若取消订单，我们将按照房东的交易规则扣除对应款项，您确定要取消订单吗？</p>
			</div>
			<div class="btn-box">
				<input type="button" class="gray-btn" name="" value="查看交易规则" onclick="showTradeRule();">
				<input type="button" class="warn-btn" name="" value="继续取消" onclick="processOrder();">
			</div>
		</div>
	</div>
	<!-- 取消订单 END -->
	<!--房客取消订单原因开始-->
	<div class="safedetails" id="safedetails" style="display:none;">
        <div class="surveYY"></div> 	
        <div class="offmax refuse_info">
        	<div class="dp_header">
            	请选择取消原因
            	<p class="decoration">准确填写取消原因有助于我们更好地为您服务</p>
        	</div>
        	<div class="dp_daypicker" style="padding-top:10px;">
            <form action="/example/html/form_action.asp" method="get" id="refuse_info_input" class="refuse_info_input lineheight">
               <label><input type="radio" name="state" value="0" />房东说无房了</label><br />
               <label><input type="radio" name="state" value="1" />房东涨价</label><br />
               <label><input type="radio" name="state" value="2" />房东一直不回复消息</label><br />
               <label><input type="radio" name="state" value="3" />行程改变</label><br />
               <label><input type="radio" name="state" value="4" />网上支付不成功</label><br />
               <label><input type="radio" name="state" value="5" />其他</label><br />               
               <input type="button" value="确认取消" onclick="refuse_ok();" class="complete_success" id="complete_success"/>
               <input type="button" value="以后再说" onclick="refuse_cancel();" class="complete_cancel">
                
            </form>                                           
        	</div> 
        </div>
    </div>
	<!--房客取消订单原因结束-->
	<!--房客已支付并且房东已经确认    取消订单原因开始 -->
	<div class="safedetails" style="display:none;">
        <div class="surveYY"></div> 	
        <div class="offmax refuse_info">
        	<div class="dp_header">
            	请选择取消原因
            	<p class="decoration">准确填写取消原因有助于我们更好地为您服务</p>
        	</div>
        	<div class="dp_daypicker" style="padding-top:10px;">
            <form action="/example/html/form_action.asp" method="get" id="refuse_info_input1" class="refuse_info_input lineheight">
               <label><input type="radio" name="state1" value="1001" />行程有变了</label><br />
               <label><input type="radio" name="state1" value="1002" />协商更换入住时间</label><br />
               <label><input type="radio" name="state1" value="1003" />房源室内设施损坏</label><br />
               <label><input type="radio" name="state1" value="1004" />房东说没房了</label><br />
               <label><input type="radio" name="state1" value="1005" />房东涨价</label><br />
               <label><input type="radio" name="state1" value="1006" />交通晚点，无法到达</label><br />
               <label><input type="radio" name="state1" value="1007" />不可抗力因素导致不能正常入住</label><br />
               <label><input type="radio" name="state1" value="1008" />未使用优惠券</label><br />
               <label><input type="radio" name="state1" value="1009" />重复下单</label><br />
               <label><input type="radio" name="state1" value="1010" />其他</label><br /> 
               <input type="button" value="确认取消" onclick="refuse_ok1();" class="complete_success" id="complete_success1"/>
               <input type="button" value="以后再说" onclick="refuse_cancel1();" class="complete_cancel" >
            </form>                                           
        	</div> 
        </div>
    </div>
	<!--房客已支付并且房东已经确认    取消订单原因开始-->
	<!--房客已支付并且房东已经确认  房客取消订单原因开始(新)-->
	<div class="safedetails" id="safedetails1" style="display:none">
        <div class="surveYY"></div> 	
        <div class="offmax fk_refuse_info">
        	<div class="dp_header">
				取消订单
        	</div>
        	<div class="dp_daypicker">
              <div class="reason_select relave mt20">
		 	      <label class="font_bold f18 c_2b2f33">请选择取消原因</label>
				  <input type="text" placeholder="请选择" class="noramal_input sj_down" readonly/>
				  <input type="hidden" id= "reason_id" >
		 	      <ul class="select_box" style="display: none">
					  <li value="1001">行程有变了</li>
					  <li value="1002">协商更换入住时间</li>
					  <li value="1003">房源室内设施损坏</li>
					  <li value="1004">房东说没房了</li>
					  <li value="1005">房东涨价</li>
					  <li value="1006">交通晚点，无法到达</li>
					  <li value="1007">不可抗力因素导致不能正常入住</li>
					  <li value="1008">未使用优惠券</li>
					  <li value="1009">重复下单</li>
					  <li value="1010">其他</li>
				</ul>
		     </div>
				<p class="decoration">准确选择取消原因有助于我们更好的为您服务</p>

				<!--退款信息-->
				<div class="tk_total">
					<div class="total_words mt20">
						<span class="amount_title">退款总金额</span>
						<span class="amount_num fr" id="tj_totalamount"></span>
					</div>
					<div class="tk_refunds" id="tj_refundDesc"></div>
					<div class="refunds_list mt10">
						<ul class="clearfloat" id="tj_refundInfo">
						</ul>
					</div>
					<div class="spacial_remind mt20">
						<ul class="clearfloat" id="retunddesc">
						</ul>
					</div>
					<div class="bottom_btn_list mt20">
						<ul class="clearfloat">
							<li class="sure_cancle mar_r_80">确认取消</li>
							<li class="talk_later">以后再说</li>
						</ul>
					</div>
				</div>
        	</div>

        </div>
    </div>
	<!--房客已支付并且房东已经确认  房客取消订单原因结束(新)-->
	<!--确定取消订单弹层开始(新)-->
	<div class="make_sure_layer" style="display:none;">
		<div class="cancle_layer"></div>
		<div class="makeSure_cancle">
			<p class="f16">订单取消后将无法恢复，您确认要取消吗？</p>
			<ul class="clearfloat cancle_btn_ul mt30">
				<li class="f16 mr20" id="sure_cancle_btn">确认取消</li>
				<li class="f16" id="think_again">我再想想</li>
			</ul>
		</div>
	</div>
	<!--确定取消订单弹层结束(新)-->
	<!--退款 详情页-->
	<div class="tk_detail_layer" style="display:none">
		<div class="surveYY"></div>
		<div class="tk_page_cont">
			<div class="dp_header">
				退款详情
			</div>
			<div class="tk_main_cont">
				<p class="return_redmin" id="tk_refundDesc"></p>
				<div class="tk_reason_show c_2b2f33 f18 mt20 font_bold">
					取消原因：<span class="reason_show_list c_b4b9bf" id="tk_refundReason"></span>
				</div>
             	<!--退款金额-->
				<div class="total_words mt20">
					<span class="amount_title">退款总金额</span>
					<span class="amount_num fr" id="tk_totalamount"></span>
				</div>
				<div class="tk_refunds">含房费、押金、住宿意外险等费用</div>
				<div class="refunds_list mt20 border_b pb20">
					<ul class="clearfloat" id="tk_refundInfo">
					</ul>
				</div>
				<div class="spacial_remind mt10">
					<ul class="clearfloat" id="tk_cancelDate">
                    </ul>
				</div>
				<div class="sure_tk_detail">确认</div>
			</div>
		</div>
	</div>
	<!--退款详情页-->
	<!-- 取消订单 -->
	<div id="cancleDiv" class="alert-box">
	    <input type="hidden" id="url"/>
		<div class="alert-title">
			取消订单
			<a class="alert-close" href="javascript:void(0)"rel="nofollow"></a>
		</div>
		<div class="alert-con">
			<div class="removetext o-cancel" id="notRefundAlert">
				<p class="f16" >房东规定：一旦支付，取消订单概不退款。</p>
				<p>你确定要取消订单吗？</p>				
			</div>
			<div class="removetext o-cancel" id="refundAlert">
				<p class="t-center">你确定要取消订单吗？</p>			
			</div>			
			<div class="btn-box">
				<input type="button" class="warn-btn" name="" value="确定" onclick="processOrder();">
				<input type="button" id="cancleDivClose" class="gray-btn" name="" value="以后再说">
			</div>
		</div>
	</div>
	<!-- 取消订单 END -->


	<!-- Footer -->



  </body>
</html>
